<script>
export default {
  name: "pageA",
  // 2.函数式
  methods: {
    toB() {
      // this.$router.push('/pageB')

      /*//  函数式  （1）path query
       this.$router.push({
         path:'/pageB',
         query:{id:103,type:'free'}
       })*/

      /*//   函数式  （2）name params  需要在router文件中写name和path后边要写/:参数(更安全)
        this.$router.push({
          name:'pageB',
          params:{sex:'0',num:100}
        });*/

      //   window.location.href=''


      //   3.删除页面栈    把pageA给删了
      // this.$router.replace('/pageB')
      // go   正数：前进   0：刷新  负数：后退
      // this.$router.go(0)
      // 回退一个页面栈
      // this.$router.back()
      // 前进一个页面栈
      // this.$router.forward()
    }
  }
}
</script>

<template>
  <div>
    路由跳转传参
    pageA
    <!--  <router-link to="/pageB?id=103">跳转到B页面</router-link>-->

    <!--  跳转的方式：1.2.3
             1、声明式   （1）path query-->
    <router-link :to="{path:'/pageB',query:{id:103,type:'free'}}">跳转到B页面</router-link>
    <!--                （2）name params    需要在router文件中写name和path后边要写(更安全)-->
    <!--  <router-link :to="{name:'pageB',params:{sex:'0',num:100}}">跳转到B页面</router-link>-->


    <!--     2、函数式-->
    <button @click="toB">toB页面</button>
  </div>
</template>

<style scoped lang="less">

</style>